    <div id="page">
      <div id="header">
        <h2>ColorPicker</h2>
      </div>
      <div id="body">
        <form method="get">
          <div id="color-table" style="position: relative">
            <input type="image" src="<%file%>" onFocus="this.blur()">
            <div id="color-marker" style="left: <%posX%>px; top: <%posY%>px;"><img src="pointer2.gif"></div>
          </div>
        </form>
        <div id="color-info">
          <div id="color-sample" style="background: #<%html%>"></div>
          <div id="color-data">
            <table>
              <tr>
                <td>HTML</td>
                <td>#<%html%></td>
                <td><input type="text" name="html" onchange="document.location.href='?html='+this.value;" value="<%html%>"/></td>
              </tr>
              <tr>
                <td>RGB</td>
                <td>( <%rgb.0%>, <%rgb.1%>, <%rgb.2%> )</td>
                <td><input type="text" name="rgb" onchange="document.location.href='?rgb='+this.value;" value="<%rgb.0%>,<%rgb.1%>,<%rgb.2%>"/></td>
              </tr>
              <tr>
                <td>HSV</td>
                <td>( <%hsv.0%>, <%hsv.1%>, <%hsv.2%> )</td>
                <td><input type="text" name="hsv" onchange="document.location.href='?hsv='+this.value;" value="<%hsv.0%>,<%hsv.1%>,<%hsv.2%>"/></td>
              </tr>
          </div>
        </div>
      </div>
    </div>
    <div id="footer"></div>
